<template>
      <div class="bg-write financial-item">
            <div class="constraint">
                  <div class="meta-tle-box flex jus-space-bet ali-center" v-if="propData.titleIsShow">
                        <div class="tit">
                              <h2>{{ propData.moduleTitle }}</h2>
                        </div>
                        <div class="look-all">
                              <span>查看全部</span>
                        </div>
                  </div>
                  <div v-if="false">
                        暂无数据
                  </div>
                  <div v-else class="df-main-content-area">
                        <ul :class="['grid', arrangement == 0 ? 'grid-column' : 'grid-def']">
                              <li class="relative" v-for="(item, index) in 8" :key="index">
                                    <a href="/news/index.html" target="_blank">
                                          <div class="tr_img-box mt-img of_hidden">
                                                <img src="https://static.www.tencent.com/uploads/2023/09/11/dbea7da494a02adbe59ea31c89f32483.jpg"
                                                      alt="">
                                          </div>
                                          <div class="m-txt-box flex flex-column">
                                                <div class="flex-1">
                                                      <h3 class="text-ellipsis-2">重塑城市交通：腾讯WeCityX助力建设绿色城市</h3>
                                                </div>
                                                <div class="timer ft-bold">
                                                      <span>2023.4.18</span>
                                                </div>
                                          </div>
                                    </a>
                              </li>
                        </ul>
                  </div>
            </div>
      </div>
</template>

<script lang="ts" setup>
let propData = defineProps({ moduleTitle: { default: '' }, arrangement: { default: 0 }, titleIsShow: { default: false } })

</script>